/* ==========================================================================
   BASIC PAGE ELEMENTS
   ========================================================================== */

body {
    font-family: Trebuchet MS, Arial, Geneva, sans-serif;
    margin: 20px;
    background-color: #ccccee;
}

div.pageBody {
    border: solid black 1px;
    background-color: white;
    padding: 20px;
}

a {
    color: #3333ff;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

span.term {
    font-weight: bold;
}

/* ==========================================================================
   LISTS
   ========================================================================== */

div.menu {
    float: right;
    margin: 0px 0px 20px 20px;
}

div.list {
    padding: 3px;
    border: solid gray 1px;
    width: 400px;
}

div.list .listTitle {
    font-weight: bold;
    background-color: #ccccee;
    padding: 2px;
}

div.list .listBody {
    padding: 0px;
}

div.list .listBody .listItem {
    padding: 2px;
}

div.list .listBody .even {
    background-color: #fafad2;
}

div.list .listBody .odd {
    background-color: white;
}

div.spacer {
    margin: 1em;
}

ul.links {
    padding: 0;
    margin: 0;
    list-style: none;
}

/* ==========================================================================
   HORIZONTAL LINKS LIST
   ========================================================================== */

div.links {
    width: 100%;
    text-align: center;
    margin-bottom: 1em;
}

ul.links {
    width: 100%;
    text-align: center;
    list-style-type: none;
}

ul.links li {
    display: inline;
}

ul.links li:before {
    content: "| ";
}

ul.links #first:before {
    content: "";
}

/*
 * Nasty IE workaround -- see
 * http://css.maxdesign.com.au/listamatic/horizontal32.htm
 */

* html ul.links li {
    border-left: solid gray 1px;
    padding: 0 0.2em 0 0.4em;
}

* html ul.links #first {
    border: none;
}

/* ==========================================================================
   DOCUMENT FOOTER
   ========================================================================== */

ol.footnotes {
    font-size: 80%;
}

ol.footnotes li {
    padding: 4px;
}

div.quote {
}

pre.snippet {
    background-color: #f0f0f0;
    border: solid gray 1px;
    margin: 0px 2em 0px 2em;
    padding: 1em;
    clear: both;
}

hr.rule {
    border: solid #ccc 1px;
}

div.footer {
}

div.footerLinks {
    margin: 0px;
    padding: 0px;
    float: right;
}

div.footerLinks img {
    margin: 0px;
    padding: 0px;
    border: none;
}
